<template>
    <div class="big">
        <h1>我的Vue项目</h1>
        <p>点击下面链接查看我的Gitee仓库:</p>
        <a :href="giteeRepoUrl" target="_blank" rel="noopener noreferrer">查看Gitee仓库</a>
    </div>
</template>

<script>
export default {
    data() {
        return {
            giteeRepoUrl: 'https://gitee.com/li-xinglian/vue',
        };
    },
};
</script>

<style scoped>
.big {
    border: 5px rgb(255, 255, 255) solid;
}

a {
    font-size: 22px;
    padding: 3.5px;
    text-decoration: none;
    color: rgb(145, 197, 246)
}

a:hover {
    color: rgb(253, 141, 162);
}

.a {
    display: block;
    margin-left: 20px;
    position: relative;
}

h1 {
    color: rgb(236, 155, 209);
    font-size: 30px;
}
</style>